@import "@/assets/styles/index.scss";

:deep(.el-dialog) {
  .el-dialog__header {
    padding: 15px 20px;
    border-bottom: 1px solid #DCDFE6;
  }

  .el-dialog__headerbtn {
    top: 5px;
  }

  .el-dialog__body {
    height: 70vh;
    overflow-y: scroll;
  }
}
.no-detail-data{
  margin-top: 10px;
  font-size: 12px;
}

.funds-detail {
  //title
  .title {
    @include fontStyle(12px, #3D3D3D,bold);
    margin-bottom: 10px;
    margin-top: 15px;
  }

  .order-content {
    @include flexStyle();
    padding-bottom: 10px;
    border-bottom: 1px solid #DCDFE6;
    margin-bottom: 20px;
    @include fontStyle(16px, #3D3D3D);
    .status-tag {
      padding: 5px 10px;
      background: #E3F9E9;
      @include fontStyle(12px, #14C85C);
      border-radius: 2px;
    }
  }

  //content
  .content {
    background: #fff;
    padding: 20px;

  }

  //refuse-reason
  .refuse-reason {
    background: #FFEBEB;
    padding: 10px;
    //margin:0 15px 15px 15px;
    box-sizing: border-box;
    border-radius: 5px;

    &__title {
      @include fontStyle(10px, #EA0000);
      margin-bottom: 5px;
    }

    &__content {
      @include fontStyle(10px, #3D3D3D);
    }
  }

  //base-info
  .base-info {
    .info-row {
      @include flexStyle(space-between, top, wrap);
      margin-bottom: 15px;
      .label {
        @include fontStyle(12px, #86909C);
        white-space: nowrap;
        min-width: 100px;
      }

      .value {
        @include fontStyle(12px, #3D3D3D);
        text-align: left;
        max-width: 70%;
        &.red-font {
          color: #FF3333;
        }
      }

      &:last-child {
        margin-bottom: 0;
      }
    }

    .related-detail {
      background: #F6F8FA;
      padding: 15px;
      margin-bottom: 15px;

      .detail-title {
        @include fontStyle(14px, #86909C);
      }

      .detail-list {
        .detail-item {
          margin-top: 10px;
          @include flexStyle();

          div {
            @include fontStyle(12px, #86909C);

            &:first-child {
              color: #3d3d3d;
            }

            span {
              color: #3d3d3d;
            }
          }
        }
      }

    }

    .file-list {
      width: 100% !important;
      max-width: 100% !important;
      background: #F6F8FA;
      padding:0 15px 15px 15px;
      margin-top: 10px;
      .file-item {
        @include flexStyle(flex-start, center);
        margin-top: 10px;
        object-fit: contain;

        img,video{
          @include blockStyle(32px, 32px, none, 4px);
          margin-right: 10px;
        }

      }
    }

  }

  //payment-info
  .payment-info {
    .payment-total {
      background: #F2F6FC;
      padding: 10px 15px;
      border-radius: 10px;
      margin: 15px 0 5px 0;
      @include fontStyle(14px, #333333);
      @include flexStyle();
      box-sizing: border-box;

      span {
        @include fontStyle(14px, #3D3D3D, bold);
      }
    }


    .payment-list {
      .payment-item {
        border-bottom: 1px solid #E1E6ED;
        padding: 10px 10px;
        &__date {
          @include fontStyle(10px, #86909C);
          @include flexStyle(flex-start, center);
          margin-bottom: 10px;

          &::before {
            content: '';
            @include blockStyle(2px, 8px, #007DFF, 2px);
            margin-right: 5px;
            display: inline-block;
          }
        }

        &__account {
          @include flexStyle();
          @include fontStyle(12px, #3D3D3D);

          span {
            font-weight: bold;
          }
        }
      }
    }
  }
}